/* // 导入
import fn, { show } from './module/hello'

fn()
show()
console.log('main.js --  需要修改了!!!!');
 */

// document.querySelector('#root').innerHTML = `<h3>单页面应用</h3>`

// 前端路由模式有2种，
// 1种 hash模式，锚点  http://xxx.com/#/aaa
// 2种 h5提供history模式，它和正常的路由一样的，但是它默认不刷新，需要web服务器支持

// 得到当前的地址栏中的hash值


let method = {
  login() {
    document.querySelector('#root').innerHTML = `
    <a href="#/index">去页面</a>
    <h3>登录页面</h3>`
  },

  index() {
    document.querySelector('#root').innerHTML = `
    <a href="#/login">去登录页面</a>
    <h3>后台首页</h3>`
  }
}

// 事件触听 监听hash变化
window.onhashchange = function () {

  console.log(getHash());
  method[getHash()]()
}
window.onload = function () {
  console.log(getHash());
  method[getHash()]()
}


function getHash() {
  let urlHash = (location.hash == '' || location.hash == '#/') ? '#/login' : location.hash
  return urlHash.slice(2)
}

